<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>Módulo de encuestas</title>
		<meta name="description" content="">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="shortcut icon" href="favicon.ico">
		<link rel="stylesheet" media="all" href="css/style.css">
		<!--[if lt IE 9]><script src="js/html5.js"></script><![endif]-->
		<!--[if lt IE 8]><script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script><![endif]-->
	</head>
	
	<body>
		<div class="grid-container">
		<header class="grid-25">
			<a href="index.html"><img src="img/logo.png" alt="Educar Hoy"></a>
		</header>
		
		<div id="content" class="grid-75">
			<div id="main-before"><div id="timer">Se mostrará la siguiente pregunta. Presiona 'ENTER' para confirmar tu respuesta.</div></div>
			<div id="main">
				<form id="main-form">
					<div class="items">
						<fieldset>
							<h1>Necesitamos tu opinión</h1>
							<p class="lead">
								Esta encuesta es <em>voluntaria</em> y <em>anónima</em>,
								los datos obtenidos no serán revelados y servirán para conocer
								mejor a los jóvenes de tu edad en aspectos como sexualidad,
								afectividad y estilos de vida. Lo que conocen, necesitan y
								como se desenvuelven. <em>Te damos las gracias por participar
								y ahora vamos a por ello.</em>
							</p>
							<div class="spacer-20">&#32;</div>
							<p><input type="button" value="EMPEZAR"> <span class="btn-label">PRESIONA ENTER</span></p>
						</fieldset>
						<fieldset>
							<div class="question">
								<legend>¿Cuantos años tienes?</legend>
								<p><label><input name="n1" type="radio" value="1"> 10 años o menos</label></p>
								<p><label><input name="n1" type="radio" value="2"> 11 ó 12 años</label></p>
								<p><label><input name="n1" type="radio" value="3"> 13 ó 14 años</label></p>
								<p><label><input name="n1" type="radio" value="4"> 15 ó 16 años</label></p>
								<p><label><input name="n1" type="radio" value="5"> 17 ó 18 años</label></p>
								<p><label><input name="n1" type="radio" value="6"> 19 años o más</label></p>
								<p><label><input name="n1" type="radio" value="7"> No quiero contestar</label></p>
							</div>
						</fieldset>
						<fieldset>
							<div class="question">
								<legend>Normalmente, ¿Qué notas sueles tener en el colegio?</legend>
								<p><label><input name="n2" type="radio" value="1"> Suelo sacar malas notas</label></p>
								<p><label><input name="n2" type="radio" value="2"> Suelo sacar notas medias</label></p>
								<p><label><input name="n2" type="radio" value="3"> suelo sacar buenas notas</label></p>
								<p><label><input name="n2" type="radio" value="4"> No quiero contestar</label></p>
							</div>
						</fieldset>
						<fieldset>
							<div class="question">
								<legend>¿Tienes ordenador en tu casa?</legend>
								<p><label><input name="n3" type="radio" value="1"> Sí</label></p>
								<p><label><input name="n3" type="radio" value="2"> No</label></p>
								<p><label><input name="n3" type="radio" value="3"> No sé</label></p>
								<p><label><input name="n3" type="radio" value="4"> No quiero contestar</label></p>
							</div>
						</fieldset>
						<fieldset>
							<div class="question">
								<legend>¿Tienes ordenador en tu casa con acceso a internet?</legend>
								<p><label><input name="n4" type="radio" value="1"> Sí</label></p>
								<p><label><input name="n4" type="radio" value="2"> No</label></p>
								<p><label><input name="n4" type="radio" value="3"> No sé</label></p>
								<p><label><input name="n4" type="radio" value="4"> No quiero contestar</label></p>
							</div>
						</fieldset>
						<fieldset>
							<div class="question">
								<legend>¿Tienes ordenador con filtro (programa que no deja acceder a algunas páginas de Internet)?</legend>
								<p><label><input name="n5" type="radio" value="1"> Sí</label></p>
								<p><label><input name="n5" type="radio" value="2"> No</label></p>
								<p><label><input name="n5" type="radio" value="3"> No sé</label></p>
								<p><label><input name="n5" type="radio" value="4"> No quiero contestar</label></p>
							</div>
						</fieldset>
						<fieldset>
							<legend>De los siguientes tipos de programas de TV, ¿cuáles sueles ver habitualmente (al menos, una vez a la semana)?</legend>
							<table>
								<tbody>
									<tr class="question">
										<td>Noticias, Deportes, Programas culturales</td>
										<td><label><input name="n6" type="radio" value="1"> Sí</label></td>
										<td><label><input name="n6" type="radio" value="2"> No</label></td>
										<td><label><input name="n6" type="radio" value="3"> No quiero contestar</label></td>
									</tr>
									<tr class="question">
										<td>Telenovelas, series juveniles</td>
										<td><label><input name="n7" type="radio" value="1"> Sí</label></td>
										<td><label><input name="n7" type="radio" value="2"> No</label></td>
										<td><label><input name="n7" type="radio" value="3"> No quiero contestar</label></td>
									</tr>
									<tr class="question">
										<td>Otras series</td>
										<td><label><input name="n8" type="radio" value="1"> Sí</label></td>
										<td><label><input name="n8" type="radio" value="2"> No</label></td>
										<td><label><input name="n8" type="radio" value="3"> No quiero contestar</label></td>
									</tr>
									<tr class="question">
										<td>Reality shows</td>
										<td><label><input name="n9" type="radio" value="1"> Sí</label></td>
										<td><label><input name="n9" type="radio" value="2"> No</label></td>
										<td><label><input name="n9" type="radio" value="3"> No quiero contestar</label></td>
									</tr>	
								</tbody>
							</table>
						</fieldset>
						<fieldset>
							<div class="question">
								<legend>¿Tienes ordenador con filtro (programa que no deja acceder a algunas páginas de Internet)?</legend>
								<p><label><input name="n5" type="radio" value="1"> Sí</label></p>
								<p><label><input name="n5" type="radio" value="2"> No</label></p>
								<p><label><input name="n5" type="radio" value="3"> No sé</label></p>
								<p><label><input name="n5" type="radio" value="4"> No quiero contestar</label></p>
							</div>
						</fieldset>
						<fieldset>
							<h2>Muchas gracias por tu colaboración. Has terminado.</h2>
							<p class="lead">
								Haciendo clic en el botón de abajo, otro alumno podrá rellenar la encuesta.
							</p>
							<div class="spacer-20">&#32;</div>
							<p><input type="submit" value="ENVIAR"></p>
						</fieldset>
					</div>
				</form>
			</div>
		</div>
		</div>
		
		<section>
			<div class="wrapper">
				<div class="progress cf">
					<p id="progress-text">0 de 0 preguntas respondidas</p>
					<div id="progress-bar"><span>&#32;</span></div>
				</div>
				<div class="f-right">
					<a class="btn-prev">&#32;</a>
					<a class="btn-next">&#32;</a>
				</div>
				<div class="clear">&#32;</div>
				<footer>
					<p>&copy; Jóvenes Hoy - España</p>
				</footer>
			</div>
		</section>
		
		<!-- javascript -->
		<script src="js/jquery.tools.min.js"></script>
		<script src="js/script.js"></script>
		<script src="js/main.js"></script>
	</body>
</html>